<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="../tools/bootstrap-3.3.7-dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../css/detail.css">
  <style>
    .num{
      width: 73px;
      height: 73px;
      font-size: 16px;
      text-align: center;
      display: block;
      margin: 50px 0 0 0;
      font-size: 20px;
      color: #000;
    }

    .jian{
      position: absolute;
      top:0;
      left: 82px;
    }

    .jia{
      position: absolute;
      top:38px;
      left: 82px;
    }
  </style>
</head>
<body>
<!-- 头部 -->
<header>
  <div class="w1200">
      <p>关于荣耀</p>
      <p>新闻</p>
      <p>荣耀官网</p>
      <p>会员</p>
      <p>企业购</p>
      <span>荣耀俱乐部</span>
      <p><a href="./index.html">首页</a></p>
      <p class="last">手机端</p>
  </div>
</header>
<!-- nav -->
<nav>
  <div class="w1200">
      <img src="https://file07.c.hihonor.com/pimages//common/images/71596708931610769517.png " alt="">
      <ul>
          <li>全部分类</li>
          <li>荣耀70系列</li>
          <li>智慧办公</li>
          <li>运动健康</li>
          <li>智能家居</li>
      </ul>
      <form action="">
          <input type="text" placeholder=" 荣耀50">
      </form>
  </div>
</nav>

<div class="container">
  <!-- <div class="panel panel-default">
    <div class="panel-heading">
      <h3 class="panel-title">商品详细信息</h3>
    </div>
    <div class="panel-body">
      <div class="media">
        <div class="media-left">
          <a href="#">
            <img class="media-object" src="https://g-search3.alicdn.com/img/bao/uploaded/i4/i3/2898933862/O1CN01ExuNHp1eOq9TKoRh6_!!2898933862.jpg_580x580Q90.jpg_.webp" alt="...">
          </a>
        </div>
        <div class="media-body">
          <h4 class="media-heading">商品描述商品描述商品描述商品描述商品描述商品描述商品描述商品描述商品描述商品描述商品描述商品描述</h4>
          <p>[老用户限量加赠]支付立享12期免息</p>
          <p>
            <i class="glyphicon glyphicon-yen">价格</i>
            <span class="price">￥1234.56</span>
            <p class="cuxiao">促销 <span class="redcuxiao">保值换新抵现</span>保值换新履约</p>
            <p class="cuxiao">&ensp;&ensp;&ensp;&ensp;&nbsp;<span class="redcuxiao">商品赠卷</span>限量赠机场贵宾厅权益卷</p>
            <p class="cuxiao">&ensp;&ensp;&ensp;&ensp;&nbsp;<span class="redcuxiao">分期免息</span>花呗、掌上生活分期支付可向免息(免息活动适用于单款商品订单)</p>
            <p class="cuxiao">&ensp;&ensp;&ensp;&ensp;&nbsp;<span class="redcuxiao">赠送积分</span>购买即赠商城积分,积分可抵现</p>
          </p>
          <div class="btn-group" role="group" aria-label="...">
            <button type="button" class="btn btn-default">XL</button>
            <button type="button" class="btn btn-default">L</button>
            <button type="button" class="btn btn-default">M</button>
            <button type="button" class="btn btn-default">S</button>
            <button type="button" class="btn btn-default">XS</button>
          </div>
          <div class="gouwu">
            <p style="position:relative">
              <input value="1"  name="val" class="num">
              <button type="button" name="-" class="jian btn btn-default">-</button>
              <button type="button" name="+" class="jia btn btn-default">+</button>
            </p>
            <p class="cartc">
              <a href="javascript:;" class="btn btn-warning btn-lg" role="button">立即下单</a>
              <a href="./cart.html" class="btn btn-danger btn-lg" name="cart"  role="button">加入购物车</a>
            </p>
          </div>
         
        </div>
      </div>
      <ul class="nav nav-tabs">
        <li role="presentation" class="active"><a href="#">商品详细信息</a></li>
        <li role="presentation"><a href="#">商品参数信息</a></li>
        <li role="presentation"><a href="#">相关商品</a></li>
      </ul>
      <div>
          <img src="https://img.alicdn.com/imgextra/i3/2898933862/O1CN01DJkGqE1eOq9PbzZd4_!!2898933862.jpg" alt="">
      </div>
    </div>
  </div> -->
</div>
    <!-- 选项 -->
    <div class="w1200 xuanxiang">
      <dl>
          <dt>推荐产品</dt>
          <dd>手机</dd>
          <dd>笔记本</dd>
          <dd>平板</dd>
          <dd>智慧屏</dd>
          <dd>智能穿戴</dd>
          <dd>智能家居</dd>
          <dd>配件</dd>
      </dl>
      <dl>
          <dt>品牌</dt>
          <dd>关于荣耀</dd>
          <dd>新闻</dd>
          <dd>活动</dd>
          <dd>视频</dd>
          <dd>加入荣耀</dd>
      </dl>
      <dl>
          <dt>购物相关</dt>
          <dd>购物指南</dd>
          <dd>退换货政策</dd>
          <dd>配送方式</dd>
          <dd>支付方式</dd>
          <dd>常见问题</dd>
      </dl>
      <dl>
          <dt>服务支持</dt>
          <dd>增值服务</dd>
          <dd>保修政策</dd>
          <dd>备件价格查询</dd>
          <dd>会员服务规则</dd>
          <dd>价格保护规则</dd>
      </dl>
      <dl>
          <dt>快速链接</dt>
          <dd>荣耀俱乐部</dd>
      </dl>
      <div class="erwei">
          <p>在线客服</p>
          <p>400-88-95030</p>
          <p>商城服务热线</p>
          <p>关注荣耀</p>
      </div>
  </div>
   
  <!-- 尾部 -->
  <div class="w1200 footer">
      <p>关于荣耀商城与隐私的声明|荣耀商城服务协议|关于荣耀商城推荐服务与隐私的声明|荣耀商城推荐服务用户协议关于cookies</p>
      <p>Copyright &copy; 2020-2022荣耀终端有限公司版权所有|粤ICP备20047157号|粤公网安备44030702003447号</p>
      <p>增值电信业务许可证:粤B2-20201081 <img src="./../images/网页捕获_2-05538_www.hihonor_88.png" alt=""></p>

  </div>
<script src="../tools/jquery.min.js"></script>
<script src="../js/myAjax.js"></script>
<script src="../js/tools.js"></script>
<script src="../js/myCookie.js"></script>
<script src="./../js/detail.js"></script>

</body>
</html>
